<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<f:view contentType="text/html">

	<h:head>
		<meta content='text/html; charset=UTF-8' http-equiv="Content-Type" />
		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/css/fuentes.css" />
		<link type="text/css" rel="stylesheet"
			href="#{request.contextPath}/css/impresion.css" media="print" />
	</h:head>

	<h:body>
	
	<div id="ContenedorRegReclamosWeb">
		<p:panel header="Registro en Libro de Reclamaciones"
			id="panelLibroReclamaciones" >

			<h:form id="libroReclamaciones" >

			<div id="panelGridHojaReclamacion">
			<c:if test="${sessionScope.manReclamosWebMB.mostrarHojaReclamacion=='true'}">
				<h:panelGrid columns="12" title="Hoja de Reclamacion" >
					<f:facet name="header">
						<h:outputText value="Hoja de Reclamacion" />
					</f:facet>
					<h:outputLabel value="Nro" />
					<p:inputText value="#{manReclamosWebMB.reclamosWebBean.NUM_REC}"
						readonly="true" size="10" maxlength="10" />
					<h:outputLabel value="-" />
					<p:inputText value="#{manReclamosWebMB.reclamosWebBean.ANIO_REC}"
						readonly="true" size="4" maxlength="4" />
					<h:outputLabel value="-" />
					<p:inputText value="#{manReclamosWebMB.reclamosWebBean.ANXO_REC}"
						readonly="true" size="5" maxlength="5" />
				</h:panelGrid>
			</c:if>
			</div>
			<div id="panelGridFechaRegistro">
				<h:panelGrid columns="1" title="Fecha Registro" >
					<f:facet name="header">
						<h:outputText value="Fecha Registro" />
					</f:facet>
					<p:inputText value="#{manReclamosWebMB.reclamosWebBean.FEC_ING}"
						readonly="true" size="10" />
				</h:panelGrid>
			</div>
			
			<div id="contenedorForm" align="left">
				<p:separator />
				
				<h:panelGrid columns="3" >
				<h:outputText
					value="Libro de Reclamaciones Virtual" />
				<h:selectOneMenu id="entidad"
						value="#{manReclamosWebMB.reclamosWebBean.COD_ENT}" required="true" >
						<f:selectItem itemValue="" itemLabel="Seleccione" />
						<f:selectItems value="#{manReclamosWebMB.tipoEntidad}" />
					</h:selectOneMenu>	
				</h:panelGrid>
				<p:separator />

				<div align="left"><h:outputText
					value="1. IDENTIFICACION DEL CONSUMIDOR RECLAMANTE" />
				</div>
				<h:panelGrid columns="3" >
					<h:outputLabel value="Tipo de Persona" />
					<h:selectOneRadio id="rd"
						value="#{manReclamosWebMB.reclamosWebBean.COD_TIP_PERS}" required="true" >
						<f:selectItems value="#{manReclamosWebMB.tipoPersona}" />
					<p:ajax listener="#{manReclamosWebMB.validarTipoDoc}" update="rdTd" />
					</h:selectOneRadio>
				</h:panelGrid>
				
				<h:panelGrid columns="3" >	
					<h:outputLabel value="Nombres" />
					<p:inputText id="txtNombres" value="#{manReclamosWebMB.reclamosWebBean.DSC_NOM}"
						size="25" maxlength="25" validatorMessage="Solo letras" required="true">
					<f:validateRegex pattern="[A-Za-z ]*" />
					</p:inputText>
					<p:message for="txtNombres" />
	
					<h:outputLabel value="Apellido Paterno" />
					<p:inputText id="txtApePat"
						value="#{manReclamosWebMB.reclamosWebBean.DSC_APE_PAT}" size="25" 
						maxlength="25" validatorMessage="Solo letras" required="true">
					<f:validateRegex pattern="[A-Za-z ]*" />
					</p:inputText>
					<p:message for="txtApePat" />
					
					<h:outputLabel value="Apellido Materno" />
					<p:inputText id="txtApeMat"
						value="#{manReclamosWebMB.reclamosWebBean.DSC_APE_MAT}" size="25" 
						maxlength="25" validatorMessage="Solo letras" required="true">
					<f:validateRegex pattern="[A-Za-z ]*" />
					</p:inputText>
					<p:message for="txtApeMat" />
				</h:panelGrid>
					
				<h:panelGrid columns="2">
					<h:outputLabel value="Departamento" />
					<h:selectOneMenu id="departamento"
						value="#{manReclamosWebMB.reclamosWebBean.COD_DEP}" required="true" >
						<f:selectItem itemValue="" itemLabel="Seleccione" />
						<f:selectItems value="#{manReclamosWebMB.departamentos}" />
						<p:ajax listener="#{manReclamosWebMB.cargarProvincias}"
							update="provincia" />
					</h:selectOneMenu>
					<h:outputLabel value="Provincia" />
					<h:selectOneMenu id="provincia" 
						value="#{manReclamosWebMB.reclamosWebBean.COD_PRVI}" required="true" >
						<f:selectItem itemValue="" itemLabel="Seleccione" />
						<f:selectItems value="#{manReclamosWebMB.provincias}" />
						<p:ajax listener="#{manReclamosWebMB.cargarDistritos}"
							update="distrito" />
					</h:selectOneMenu>
					<h:outputLabel value="Distrito" />
					<h:selectOneMenu id="distrito"
						value="#{manReclamosWebMB.reclamosWebBean.COD_DIST}" required="true" >
						<f:selectItem itemValue="" itemLabel="Seleccione" />
						<f:selectItems value="#{manReclamosWebMB.distritos}" />
					</h:selectOneMenu>
					
					

				<h:outputLabel value="Tipo Direccion" />
				<h:selectOneMenu id="tipoDireccion"
						value="#{manReclamosWebMB.reclamosWebBean.COD_TIP_DIR}" >
				<f:selectItem itemValue="" itemLabel="Seleccione" />
				<f:selectItems value="#{manReclamosWebMB.tipoDirecciones}" />
				</h:selectOneMenu>
				
				<h:outputLabel value="Tipo Via" />
				<h:selectOneMenu id="tipoVia"
						value="#{manReclamosWebMB.reclamosWebBean.COD_VIA}" >
				<f:selectItem itemValue="" itemLabel="Seleccione" />
				<f:selectItems value="#{manReclamosWebMB.tipoVias}" />
				</h:selectOneMenu>
				
				<h:outputLabel value="Nombre Via" />
				<p:inputText value="#{manReclamosWebMB.reclamosWebBean.NOM_VIA}"
						size="50" maxlength="50" />						
  				
				<h:outputLabel value="Tipo Direc. Int." />
				<h:selectOneMenu id="tipoDirInt" required="true"
						value="#{manReclamosWebMB.reclamosWebBean.COD_INT_DIR}" >						
				<f:selectItem itemValue="" itemLabel="Seleccione" />
				<f:selectItems value="#{manReclamosWebMB.dirInt}" />
				</h:selectOneMenu>
				
				<h:outputLabel value="Numero Domicilio" />
				<p:inputText value="#{manReclamosWebMB.reclamosWebBean.NUM_DOMIC}"
				size="10" maxlength="10" required="true" />
				
				
				<h:outputLabel value="Referencia Direccion" />
					<p:inputText id="txtRefDir"
						value="#{manReclamosWebMB.reclamosWebBean.DSC_REF_DIR}" size="60" 
						maxlength="60" >
					</p:inputText>
				
				</h:panelGrid>
				
				<h:panelGrid columns="2">
				<h:outputLabel value="Medio Preferido de Respuesta" />
				<h:selectOneMenu id="tipoCanal"
						value="#{manReclamosWebMB.reclamosWebBean.COD_CANAL}" required="true" >
				<f:selectItem itemValue="" itemLabel="Seleccione" />
				<f:selectItems value="#{manReclamosWebMB.tipoCanales}" />
				</h:selectOneMenu>
				</h:panelGrid>
				
				<h:panelGrid columns="5">	
					<h:outputLabel value="Tipo de Documento" />

					<h:selectOneRadio id="rdTd"
						value="#{manReclamosWebMB.reclamosWebBean.COD_TIP_DOC_IDE}" required="true" >
						<f:selectItems value="#{manReclamosWebMB.tipoDocumento}" />
					</h:selectOneRadio>
				
					<h:outputLabel value="Numero" />
					<p:inputText id="txtNumero" 
						value="#{manReclamosWebMB.reclamosWebBean.NUM_DOC_IDE}" size="20" 
						maxlength="20" converterMessage="Debe ser numero" required="true" >
					<f:convertNumber integerOnly="true" pattern="#########" />
					</p:inputText>
					<p:message for="txtNumero" />
				</h:panelGrid>
				
				<h:panelGrid columns="3">	
					<h:outputLabel value="Telefono" />
					<p:inputText id="txtTelef" value="#{manReclamosWebMB.reclamosWebBean.NUM_TELEF}"
						size="25" maxlength="25" converterMessage="Debe ser numero">
					<f:convertNumber integerOnly="true" pattern="#########" />	
					</p:inputText>
					<p:message for="txtTelef" />
					
					<h:outputLabel value="Correo Electronico" />
					<p:inputText id="txtCorreo" value="#{manReclamosWebMB.reclamosWebBean.DSC_MAIL}"
						size="25" maxlength="25" validatorMessage="No sigue el patron de correo electronico">
					<f:validateRegex pattern="[A-Za-z0-9_.]*@[A-Za-z0-9]*[.]com$" for="txtCorreo"/>
					</p:inputText>
					<p:message for="txtCorreo" />
					
					<h:outputLabel value="Menor de Edad" />
					<h:selectOneRadio id="rd2"
						value="#{manReclamosWebMB.reclamosWebBean.BOL_MENR_EDAD}" required="true">
						<f:selectItem id="me1" itemLabel="No" itemValue="1" />
						<f:selectItem id="me2" itemLabel="Si" itemValue="2" />
					<p:ajax listener="#{manReclamosWebMB.validarIngresoPadre}"
							update="opanelGridPadre" />	
					</h:selectOneRadio>
				</h:panelGrid>
				
				<p:outputPanel id="opanelGridPadre" >
					<h:panelGrid columns="5" rendered="#{manReclamosWebMB.mostrarPanelGridPadre}">	
						
					<h:outputLabel value="Tipo de Documento Padre" />
					<h:selectOneRadio id="rdTdPadre"
						value="#{manReclamosWebMB.reclamosWebBean.COD_TIP_DOC_PDR}" >
					<f:selectItems value="#{manReclamosWebMB.tipoDocumentoPdr}" />
					</h:selectOneRadio>
					<h:outputLabel value="Numero" />
					<p:inputText id="txtNumeroDocPadre"
						value="#{manReclamosWebMB.reclamosWebBean.NUM_DOC_PDR}" size="20" 
						maxlength="20" converterMessage="Debe ser numero">
					<f:convertNumber integerOnly="true" pattern="#########" />	
					</p:inputText>
					<p:message for="txtNumeroDocPadre" />
					
					</h:panelGrid>
					
					<h:panelGrid columns="3" rendered="#{manReclamosWebMB.mostrarPanelGridPadre}">	
					<h:outputLabel value="Nombre Padre/Madre" />
					<p:inputText id="txtNomPadre" value="#{manReclamosWebMB.reclamosWebBean.NOM_PADRE_MADRE}"
						size="60" maxlength="60" validatorMessage="Solo letras">
					<f:validateRegex pattern="[A-Za-z ]*" />
					</p:inputText>	
					<p:message for="txtNomPadre" />
					</h:panelGrid>
					
				</p:outputPanel>

				<p:separator />

				<div align="left"><h:outputText
					value="2. IDENTIFICACION DEL BIEN CONTRATADO" /></div>
				
				
				<h:panelGrid columns="2" rendered="#{manReclamosWebMB.mostrarPanelGridNomBieSer}">
				<h:outputLabel value="Numero Serie: " />
				<h:outputText value="#{manReclamosWebMB.reclamosWebBean.NUM_BIE_SER}"/>
				<h:outputLabel value="Descripcion: " />
				<h:outputText value="#{manReclamosWebMB.reclamosWebBean.DSC_BIEN_SER}"/>
				<h:outputLabel value="Tipo: " />
				<h:outputText value="#{manReclamosWebMB.reclamosWebBean.NOM_BIE_SER}" />
				</h:panelGrid>
				<h:panelGrid columns="1" rendered="#{manReclamosWebMB.mostrarPanelGridNomBieSer}">
				<p:separator style="width:100px;" />
				</h:panelGrid>
	
						
				<p:commandButton value="#{manReclamosWebMB.textoBotonBieSer}"
					onclick="dialogBieSer.show()" />

				<p:separator />

				<div align="left"><h:outputText
					value="3. DETALLE DE LA RECLAMACION" /></div>
				<h:panelGrid columns="2" >
					<h:outputLabel value="Seleccione tipo" />
					<h:selectOneRadio id="rd4" requiredMessage="*"
						value="#{manReclamosWebMB.reclamosWebBean.COD_TIP_SOL}" required="true">
						<f:selectItems value="#{manReclamosWebMB.tipoSolicitud}" />
					</h:selectOneRadio>
					<h:outputLabel value="Detalle" />
					<p:inputTextarea
						value="#{manReclamosWebMB.reclamosWebBean.DSC_SOL}"
						style="width:300px;height:60px;" effectDuration="200" maxlength="1000" />
				</h:panelGrid>

				<div id="Captcha" align="center">
				<p:separator />
				<p:captcha label="Captcha" rendered="#{manReclamosWebMB.mostrarCaptcha}"/>
				<p:separator />
				</div>
				
				<div id="BotonGuardar" align="center">
					<p:commandButton value="#{manReclamosWebMB.textoBoton}"
					action="#{manReclamosWebMB.guardarSolicitudWeb}"
					ajax="false" />
				</div>
				
				<p:dialog header="Hoja de Reclamacion" widgetVar="dialogCad" modal="true" height="100" 
				width="590" visible="#{manReclamosWebMB.visibleDialog}" resizable="false">  
    			<h:outputText value="#{manReclamosWebMB.rptaDialog}" /> 
    			<div align="center">
    			<p:commandButton value="Aceptar" action="#{manReclamosWebMB.FormularioIndex}" ajax="false"/> 
    			<p:commandButton value="Imprimir" action="#{manReclamosWebMB.FormularioimpSolicitudWeb}" ajax="false" />
    			</div>
				</p:dialog>
		</div>
</h:form>
<h:form>
				<p:dialog header="Ingresar Bien Contratado" widgetVar="dialogBieSer" modal="true" height="250" 
				width="600" visible="#{manReclamosWebMB.visibleDialogBieSer}" resizable="false">  
				<h:panelGrid columns="2">
    			<h:outputLabel value="Numero Serie" />
					<p:inputText value="#{manReclamosWebMB.reclamosWebBean.NUM_BIE_SER}" size="18" 
						maxlength="18" />
				<h:outputLabel value="Descripcion" />
					<p:inputTextarea
						value="#{manReclamosWebMB.reclamosWebBean.DSC_BIEN_SER}"
						style="width:300px;height:60px;" effectDuration="400" maxlength="1000" />
				<h:outputLabel value="Seleccione tipo" />
					<h:selectOneRadio id="rd3"
						value="#{manReclamosWebMB.reclamosWebBean.COD_TIP_BIE_SERV}" >
						<f:selectItems value="#{manReclamosWebMB.bieServicio}" />
					</h:selectOneRadio>
    			</h:panelGrid>
    			<div align="center">
    			<p:commandButton value="Guardar" action="#{manReclamosWebMB.guardarBieSer}" 
    			ajax="false" /> 
    			<p:commandButton value="Cancelar" action="#{manReclamosWebMB.limpiarBieSer}" 
    			ajax="false" />
    			<p:commandButton value="Eliminar" action="#{manReclamosWebMB.eliminarBieSer}" 
    			ajax="false" rendered="#{manReclamosWebMB.mostrarBotonEliminar}" />
    			</div>
				</p:dialog>
</h:form>

		</p:panel>
	</div>
	</h:body>
</f:view>
</html>